page-personal {
  .mine-header {
    color: #fff;
  }
  .mine-header button {
    background-color: color($colors, primary);
    color: #fff;
  }
  .description {
    color: #eee;
    font-size: 1.2rem
  }
  @mixin logo($a,$b,$c){
    width:$a;
    height: $b;
    margin-left: $c;
  }
  ion-header{

    ion-grid{
      ion-row{
        ion-col{
          ion-icon.icon01{
            font-size: 30px;
            color:red;
          }
          ion-label{
            font-size: 20px;
            text-align: center;
          }
          ion-icon.icon02{
            margin-top: 16px;
            margin-left: 75%;
          }
        }
      }
    }
  }
  ion-content{
    ion-list{
      ion-item{
        span{
          font-size: 18px;
        }
      }
    }
    ion-card{
      ion-card-content{
        ion-grid{
          ion-row{
            ion-col{
              text-align: center;
              img.logo01,img.logo02{
                @include logo(45px,45px,10%);
              }
              img.logo03{
                @include logo(40px,40px,14%);
              }
              img.logo04{
                @include logo(45px,45px,14%);
              }
              img.logo05,img.logo06,img.logo08{
                @include logo(45px,45px,20%);
              }
              img.logo07{
                @include logo(45px,40px,20%)
              }
            }
          }
        }
      }
    }
  }
}
